<template>
    <el-card>
        <div class="search-bar">
            <el-input v-model="search" placeholder="查找成员" class="search-input" @keyup.enter="searchUser" clearable>
            </el-input>
            <el-button type="primary" @click="searchUser">查找成员</el-button>
            <el-button type="primary" @click="addUser">添加成员</el-button>
        </div>
    </el-card>
</template>

<script setup>
import { ref } from 'vue';

const search = ref('');

const searchUser = () => {
    console.log('Searching for user:', search.value);
    // Add your search logic here
};

const addUser = () => {
    console.log('Add user button clicked');
    // Add your add user logic here
};
</script>

<style scoped>
.el-button {
    margin: 0;
}

.search-bar {
    display: flex;
    align-items: center;
    gap: 10px;
}

.search-input {
    flex-grow: 1;
}
</style>